// import React, { useState, useEffect } from "react";
// import { getBookDetail, getCommentList } from "../../../components/api";
// import { useParams } from "react-router-dom";
// import style from "./bookDetail.module.css";
// import { Toast, Popup, TextArea } from "antd-mobile";
// import axios from "axios";
// import {
//   RightOutline,
//   AddSquareOutline,
//   UpOutline,
//   DownOutline,
// } from "antd-mobile-icons";
// const {
//   bookHead,
//   bookCon,
//   commentStyle,
//   bookDeFoot,
//   comment,
//   commentDiv,
//   div,
//   readmore,
// } = style;

// // interface IProp{
// //   id:number
// // }
// interface IBookDe {
//   id?: number;
//   name?: string;
//   author?: string;
//   [propName: string]: any;
// }
// interface IComment {
//   conent: string;
//   id: number;
// }
// export default function BookDetail() {
//   const { id }: any = useParams();
//   // console.log(id)
//   const [visible1, setVisible1] = useState(false);
//   let [commentList, setCommentList] = useState<IComment[]>([]);
//   const [value, setValue] = useState("");
//   let [bookDe, setBookDe] = useState<IBookDe>({});
//   let [readMore, setReadMore] = useState(false);
//   const getBook_detail = async () => {
//     let res = await getBookDetail(id);
//     // console.log(res, "bookMes")
//     setBookDe(res.data[0]);
//   };
//   //获取评论列表
//   const getComment = async () => {
//     let res = await getCommentList();
//     // console.log(res, 'comment')
//     setCommentList(res.data);
//   };
//   // 加入书架
//   const addBook = () => {
//     // console.log(bookDe)
//     const get = async () => {
//       let res = await axios
//         .post("http://127.0.0.1:8090/book_shelf", {
//           id: bookDe.id,
//           name: bookDe.name,
//           author: bookDe.author,
//           cover: bookDe.cover,
//         })
//         .then();
//       console.log(res, "99");
//     };
//     get();
//     Toast.show({
//       icon: "success",
//       content: "已加入书架",
//     });
//   };

//   // 提交评论
//   const submit = async (val: any) => {
//     console.log("点击了");
//     let res = await axios.post("http://127.0.0.1:8090/replies", {
//       conent: val,
//       id: bookDe.id,
//     });
//     setVisible1(false);
//     // getComment()
//   };
//   useEffect(() => {
//     getBook_detail();
//     getComment();
//   }, [commentList]);
//   return (
//     <div className={div}>
//       <div
//         style={{ height: 150, backgroundColor: "#444", position: "relative" }}
//       >
//         <div className={bookHead}>
//           <img src={bookDe.cover} alt="" width="90" height="100px" />
//           <h5>
//             {bookDe.name}
//             <p>{bookDe.label}</p>
//             <span>￥{bookDe.price}</span>
//           </h5>
//         </div>
//       </div>
//       <div className={bookCon}>
//         <ul>
//           <li>
//             <div>
//               {readMore ? bookDe.brief : `${bookDe.brief?.substring(0, 78)}...`}
//               <i onClick={() => setReadMore(!readMore)} className={readmore}>
//                 {readMore ? <UpOutline /> : <DownOutline />}
//               </i>
//             </div>
//           </li>
//           <li>
//             <p>
//               作者
//               <b>{bookDe.author}</b>
//             </p>
//             <span>
//               TA的作品
//               <RightOutline />
//             </span>
//           </li>
//           <li>
//             <p>目录</p>
//             <span>
//               共{bookDe.catalog?.length}章
//               <RightOutline />
//             </span>
//           </li>
//           <li>
//             <p>
//               评论
//               <b>{bookDe.comment?.length}</b>
//             </p>
//             <span
//               onClick={() => {
//                 setVisible1(true);
//               }}
//               className={commentStyle}
//             >
//               写评论
//             </span>
//             <Popup
//               visible={visible1}
//               onMaskClick={() => {
//                 setVisible1(false);
//               }}
//               bodyStyle={{ height: "40vh" }}
//             >
//               {
//                 <div className={comment}>
//                   <p>
//                     <span>取消</span>
//                     <b>发表评论</b>
//                     <span onClick={() => submit(value)}>提交</span>
//                   </p>
//                   <TextArea
//                     placeholder="我说两句奥"
//                     value={value}
//                     onChange={(val) => {
//                       setValue(val);
//                     }}
//                   />
//                 </div>
//               }
//             </Popup>
//           </li>
//         </ul>
//         <ul className={commentDiv}>
//           {commentList.map((item) => (
//             <li key={item.id}>{item.conent}</li>
//           ))}
//         </ul>
//       </div>
//       <div className={bookDeFoot}>
//         <div>
//           <AddSquareOutline fontSize={18} />
//           <p onClick={() => addBook()}>加入书架</p>
//         </div>
//         <button>免费试读</button>
//         <button>立即购买</button>
//       </div>
//     </div>
//   );
// }

import React from 'react'

export default function Index() {
  return (
    <div>index copy</div>
  )
}

